<template>
  <div class="all" @click="$router.push(`/goodsDetails/${goodsMessage.goods_id}`)">
    <div class="left">
      <img :src="goodsMessage.goods_image">
    </div>
    <div class="right">
      <h5 class="tital">{{ goodsMessage.goods_name }}</h5>
      <p class="solded">已售{{ goodsMessage.goods_sales }}件</p>
      <p class="price"><span>￥{{ goodsMessage.line_price_min }}</span><del>￥{{ goodsMessage.line_price_max }}</del></p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    goodsMessage: Object
  }
}
</script>

<style scoped>
.all {
  width:100%;
  height:140px;
  border:1px solid pink;
  padding:15px;
  display:flex;
}
.all .left {
  flex:1;
  margin-right:20px;
}
.all .left img {
  width:100%
}
.all .right {
  flex:2;
}
.all .right .solded {
  font-size:12px;
  opacity:0.5;
  margin:5px 0;
}
.all .right .price span {
  color:red;
  margin-right:5px;
}
.all .right .price del {
  font-size:12px;
  opacity:0.4;
}
</style>
